<script setup>
import {ref} from "vue"
defineProps(['message','isReady'])
</script>

<template>
  <view class="bottom">
    <button hover-class="hover" @click="$emit('customClick')" class="btn">{{ message }}</button>
  </view>
</template>

<style lang="scss" scoped> 
    .bottom{
        box-sizing: border-box;
        position: fixed;
        bottom: 0;left: 0;
        width: 100%;
        height: 168rpx;
        background-color: #fff;
        padding: 10rpx 30rpx 0 30rpx;
        .btn{
            margin: 0;
            padding: 0;
            width: 690rpx;
            height: 88rpx;
            border-radius: 8rpx;
            background-color: rgb(142,84,244);
            color: #fff;
            font-size: 32rpx;
            text-align: center;
            line-height: 88rpx;
        }
    }
    .hover{
      background-color: rgba(142,84,244,0.7) !important;
    }
</style>
